page{background-color:#F9F9F9;}
button{padding: 0 !important;margin: 0 !important;}

.window_bg{width: 100%;position: fixed;background-color: rgba(0,0,0,0.6);left:0;top:0;z-index: 99;height: 100vh;}
.window{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.window_pop{position: absolute;left: 0;bottom: 0; width: 750rpx;background: #FFFFFF;border-radius: 16rpx 16rpx 0 0;animation: topTop 0.3s;padding-bottom: 30rpx;}
.window_pop_title{position: relative;width: 100%;text-align: center;line-height: 100rpx;font-size: 32rpx;color: #333333;}
.window_pop_close{position: absolute;left: 30rpx;font-size: 30rpx;color: #333333;}

.box_750{width: 750rpx;position: relative;box-sizing: border-box;}
.box_750_radius{width: 1750rpx;background: #617DF6;padding: 0 500rpx;border-radius: 0 0 50% 50%;margin-left: -500rpx;box-sizing: border-box;}
.box_710{width: 710rpx;border-radius: 8rpx;box-sizing: border-box;margin-top: 20rpx;margin-left: 20rpx;position: relative;}
.box_350{width: 345rpx;border-radius: 10rpx;box-sizing: border-box;}
.fixed_box{width: 750rpx;height: 100rpx;}

.box_700{width: 700rpx;border-radius: 5px;}
.box_700_white{width: 700rpx;background-color: #FFFFFF;border-radius: 5px;}
.box_690{width: 690rpx;border-radius: 8rpx;box-sizing: border-box;margin-top: 30rpx;margin-left: 30rpx;position: relative;}

.boxshadow_20{box-shadow: 0 0 20rpx rgba(0,0,0,0.1);}

.height_100{height: 100rpx;}

.bg_blue{background-color:$uni-color-blue !important;}
.bg_gray{background-color:$uni-color-gray !important;}
.bg_red{background-color:$uni-color-red !important;}
.bg_green{background-color:$uni-color-green !important;}
.bg_black{background-color:$uni-color-black !important;}
.bg_prompt{background-color:$uni-color-prompt !important;}
.bg_white{background-color:$uni-color-white !important;}
.bg_none{background:$uni-color-none !important;}

.color_blue{color: #617DF6 !important;}
.color_gray{color: #999999 !important;}
.color_red{color: #F63333 !important;}
.color_green{color: #5ABB86 !important;}
.color_black{color: #333333 !important;}
.color_prompt{color: #666666 !important;}
.color_white{color: #FFFFFF !important;}
.color_orange{color: #FF521D !important;}
.color_golden{color: #A28C74 !important;}
.color_violet{color: #384462 !important;}

.color_yellow{color:#F7DD70 !important;}
.color_blodblack{color: #000000 !important;}
.color_fa{color: #888888 !important; }
.color_text001{color: #16C5CF !important;}
.color_text002{color: #1F1E31 !important;}
.color_text003{color: #E67E04 !important;}
.color_text004{color: #AAAAAA !important;}
.color_text005{color: #A09F9F !important;}
.color_qi{color: #777777 !important;}

.btn_default{width: 670rpx;text-align: center;line-height: 88rpx;font-size: 30rpx;border-radius: 44rpx;box-sizing: border-box;color: #617DF6;border: 1px solid #617DF6;}
.btn_withe{width: 670rpx;text-align: center;line-height: 88rpx;font-size: 30rpx;border-radius: 44rpx;box-sizing: border-box;background: #FFFFFF;color: #333333;}
.btn_blue{width: 670rpx;text-align: center;line-height: 88rpx;font-size: 30rpx;border-radius: 44rpx;box-sizing: border-box;background: #617DF6;color: #ffffff;border: 1px solid #617DF6;}
.btn_golden{width: 670rpx;text-align: center;line-height: 88rpx;font-size: 30rpx;border-radius: 44rpx;box-sizing: border-box;background: #A28C74;color: #ffffff;}
.btn_gray{width: 670rpx;text-align: center;line-height: 88rpx;font-size: 30rpx;border-radius: 44rpx;box-sizing: border-box;background: #FFFFFF;color: #999999;border: 1px solid #DDDDDD;}
.btn_red{width: 670rpx;text-align: center;line-height: 88rpx;font-size: 30rpx;border-radius: 44rpx;box-sizing: border-box;background: #F63333;color: #ffffff;border: 1px solid #F63333;}
[class*=btn_]:active{filter: brightness(95%);transition: all 0.3s;}


.btn_green{padding:5px 15px;border-top-left-radius: 13px;border-top-right-radius: 13px;border-bottom-left-radius: 13px;border-bottom-right-radius: 13px;text-align: center;background-color: #15BB82;color: #FFFFFF;margin-left: 5px;font-size: 14px;}
.btn_blue_shade{width: 670rpx;text-align: center;line-height: 88rpx;font-size: 30rpx;border-radius: 44rpx;box-sizing: border-box;background:linear-gradient(to bottom,#97AAF8,#617DF6);color: #ffffff;}

.bubble{position: absolute;left: 15rpx;background: rgba(0, 0, 0, 0.29);color: #FFFFFF;font-size: 22rpx;line-height: 40rpx;padding: 0 15rpx;border-radius: 20rpx;display: flex;flex-direction: row;align-items: center;}
.bubble image{width: 24rpx;height: 24rpx;margin-right: 10rpx;}

[class*=label_] {
    padding:8px 15px;
	font-size: 14px;
}

.label_default{background: #FFFFFF;color: #999999;border: 1px solid #DDDDDD;font-size:22rpx;line-height: 34rpx;padding: 0 14rpx;border-radius: 17rpx;margin-right: 10rpx;}
.label_white{color: #388EFF;border-width: 1px;border-color: #388EFF;box-sizing: border-box;}
.label_blue{background: rgba(97, 125, 246, 0.1);color: #617DF6;border: 1px solid #617DF6;font-size:22rpx;line-height: 34rpx;padding: 0 14rpx;border-radius: 17rpx;margin-right: 10rpx;}
.label_gray{background-color: #999999;color: #FFFFFF;}
.label_red{background-color: #F63333;color: #FFFFFF;}
.label_green{background-color: #15BB82;color: #FFFFFF;}
.label_orange{background: rgba(255, 82, 29, 0.1);color: #FF521D;border: 1px solid #FF521D;font-size:22rpx;line-height: 34rpx;padding: 0 14rpx;border-radius: 17rpx;margin-right: 10rpx;}

.icon_size_20{font-size: 20rpx !important;}
.icon_size_24{font-size: 24rpx !important;}
.icon_size_26{font-size: 26rpx !important;}

.font_size_20{font-size: 20rpx;}
.font_size_22{font-size: 22rpx;}
.font_size_24{font-size: 24rpx;}
.font_size_26{font-size: 26rpx;}
.font_size_28{font-size: 28rpx;}
.font_size_30{font-size: 30rpx;}
.font_size_32{font-size: 32rpx;}
.font_size_34{font-size: 34rpx;}
.font_size_36{font-size: 36rpx;}
.font_size_38{font-size: 38rpx;}
.font_size_40{font-size: 40rpx;}
.font_weight{font-weight: bold;}

.margin_top_5{margin-top: 5rpx;}
.margin_top_10{margin-top: 10rpx;}
.margin_top_20{margin-top: 20rpx;}
.margin_top_30{margin-top: 30rpx;}
.margin_top_40{margin-top: 40rpx;}
.margin_top_60{margin-top: 60rpx;}
.margin_top_90{margin-top: 90rpx;}
.margin_bottom_10{margin-bottom: 10rpx;}
.margin_bottom_20{margin-bottom: 20rpx;}
.margin_bottom_40{margin-bottom: 40rpx;}
.margin_bottom_60{margin-bottom: 60rpx;}
.margin_left_auto{margin-left: auto;}
.margin_left_0{margin-left: 0rpx !important;}
.margin_left_5{margin-left: 5rpx;}
.margin_left_10{margin-left: 10rpx;}
.margin_left_20{margin-left: 20rpx;}
.margin_left_30{margin-left: 30rpx;}
.margin_left_40{margin-left: 40rpx;}
.margin_left_50{margin-left: 50rpx;}
.margin_right_10{margin-right: 10rpx;}
.margin_right_20{margin-right: 20rpx;}
.margin_right_30{margin-right: 30rpx;}
.margin_right_40{margin-right: 40rpx;}
.margin_right_70{margin-right: 70rpx;}
.padding_top_0{padding-top: 0 !important;}
.padding_top_10{padding-top: 10rpx;}
.padding_top_20{padding-top: 20rpx;}
.padding_top_30{padding-top: 40rpx;}
.padding_top_100{padding-top: 100rpx;}
.padding_top_120{padding-top: 120rpx;}
.padding_bottom_0{padding-bottom: 0 !important;}
.padding_bottom_10{padding-bottom: 10rpx;}
.padding_bottom_20{padding-bottom: 20rpx;}
.padding_bottom_30{padding-bottom: 40rpx;}
.padding_bottom_100{padding-bottom: 100rpx;}
.padding_bottom_120{padding-bottom: 120rpx;}
.padding_left_10{padding-left: 10rpx;}
.padding_left_20{padding-left: 20rpx;}
.padding_left_30{padding-left: 30rpx;}
.padding_left_40{padding-left: 40rpx;}
.padding_right_10{padding-right: 10rpx;}
.padding_right_20{padding-right: 20rpx;}
.padding_right_30{padding-right: 30rpx;}
.padding_right_40{padding-right: 40rpx;}
.padding_30{padding: 30rpx;}
.padding_20{padding: 20rpx;}
.padding_20_30{padding: 20rpx 30rpx;}

.border_radius{border-radius: 20rpx;}
.border_bottom{border-bottom: 1px solid #EEEEEE;}

.width_100{width: 100%;}
.width_300{width: 300rpx;text-align: right;}
.width_350{width: 350rpx;text-align: right;}
.width_400{width: 400rpx;text-align: right;}
.width_450{width: 450rpx;text-align: right;}
.width_500{width: 500rpx;text-align: right;}

.button01{width: 335rpx;height: 40px;line-height: 40px;border-radius: 5px;text-align: center;}
.bottom_box{width: 750rpx;height: 50px;padding: 0 25rpx;background-color: #FFFFFF;position: absolute;left: 0;bottom: 0;border-top-color:#EEEEEE;border-top-width: 1px;}
.fixed_bottom_box{width: 750rpx;height: 100rpx;background: #FFFFFF;position: fixed;left: 0;bottom: 0;border-top:1rpx solid #F8F8F8;z-index: 999;}
.fixed_bottom_btn{height: 100rpx;text-align: center;line-height:100rpx;padding: 0 30px;font-size: 16px;color: #FFFFFF;}

.font_prompt{font-size: 13px;padding: 0 20rpx;margin-top: 20px;flex-direction: row;flex-wrap: wrap;}

.text_center{text-align:center;}
.text_right{text-align: right;}
.text_bold{font-weight: bold;}
.border-bottom{border-bottom: 1px solid #F8F8F8;}
.arrows{width:12px;height: 12px;color: #cccccc;font-size: 14px;line-height: 14px;font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-left: auto;}
.arrows01{width:12px;height: 12px;color: #cccccc;font-size: 14px;line-height: 14px;font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.text_overflow_1{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.text_overflow_2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text_overflow_3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.text_overflow_4{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.flex_row{display: flex;flex-direction: row;align-items: center;}
.flex_column{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.flex_grow{flex-grow: 1;}
.flex_shrink{flex-shrink: 0;}
.flex_wrap{flex-wrap: wrap;}
.flex_nowrap{flex-wrap: nowrap;}
.flex_end{align-items: flex-end;}
.flex_start{align-items: flex-start;}
.flex_stretch{align-items: stretch;}
.row_end{justify-content: flex-end;}
.row_center{justify-content: center;}
.row_between{justify-content: space-between;}
.row_around{justify-content: space-around;}
.column_center{justify-content: center;}

.input_box{width: 750rpx;padding:0 10px;background-color: #FFFFFF;box-sizing: border-box;}

.input_item{border-bottom:1px solid #EEEEEE;height: 100rpx;width: 100%;padding: 0 30rpx;box-sizing: border-box;background: #FFFFFF;}
.input_item:last-child{border: none;}
.border_none{border: none;}
.input_textarea{width: 100%;padding: 30rpx;background: #FFFFFF;box-sizing: border-box;}
.input_textarea textarea{width: 100%;height: 260rpx;border: 1px solid #EEEEEE;border-radius: 16rpx;box-sizing: border-box;padding: 30rpx;background: #F8F8F8;font-size: 28rpx;color: #FFFFFF;}
.input_textarea_prompt{font-size: 22rpx;text-align: right;font-size: 24rpx;color: #666666;margin-top: 5rpx;}

.border_input_item{width: 650rpx;margin: 0 50rpx;margin-top: 20rpx;border-bottom: 1px solid #eeeeee;display: flex;flex-direction: row;align-items: center;}
.border_input_item input{flex-grow: 1;height: 88rpx;font-size: 30rpx;color: #333333;margin-right: 30rpx;}
.border_input_item_code{width:160rpx;text-align: center;font-size: 30rpx;color: #cccccc;}

.input_number{display: flex;flex-direction: row;align-items: center;font-size: 12px;color: #333333;}
.input_number text{font-family: "iconfont" !important;width: 26px;height: 26px;background-color:#F8F8F8 ;border-radius: 2px;text-align: center;line-height: 26px;}
.input_number input{width: 26px;height: 26px;background-color:#F8F8F8 ;border-radius: 2px;margin: 0 1px;text-align: center;}

.select_icon{width: 30rpx;height: 30rpx;border: 1px solid #dddddd;border-radius: 50%;font-size: 0;text-align: center;line-height: 30rpx;font-family: "iconfont" !important;flex-shrink: 0;transition: all 0.3s;}
.select_icon_on{position:relative;width: 30rpx;height: 30rpx;border: 1px solid #617DF6;border-radius: 50%;font-size: 12px;text-align: center;line-height: 30rpx;background-color: #617DF6;color: #FFFFFF;font-family: "iconfont" !important;flex-shrink: 0;transition: all 0.3s;}
.select_icon_on::before{content: '\e6ee';}

@keyframes showNum{
		0%{transform: scaleX(0) scaleY(0);}
		50%{transform: scaleX(1.2) scaleY(1.2);}
		100%{transform: scaleX(1) scaleY(1);}
	}
.work_box{padding:10px;border-bottom: 1px solid #EBEBEB;}	


.close_btn{width: 20rpx;height: 20rpx;padding-left:20rpx;}

.filter_lightness_down:active{filter: brightness(95%);}
.filter_lightness_up:active{filter: brightness(110%);}
.filter_blur_10:active{filter: blur(10);}

.shop_img_s{width: 120rpx;height: 120rpx;margin-right: 20rpx;flex-shrink: 0;border-radius: 10rpx;}
.shop_img_m{width: 160rpx;height: 160rpx;margin-right: 20rpx;flex-shrink: 0;border-radius: 10rpx;}
.shop_img_l{width: 200rpx;height: 200rpx;margin-right: 20rpx;flex-shrink: 0;border-radius: 10rpx;}
.shop_img_xl{width: 240rpx;height: 240rpx;margin-right: 20rpx;flex-shrink: 0;border-radius: 10rpx;}
.shop_img_xxl{width: 280rpx;height: 280rpx;margin-right: 20rpx;flex-shrink: 0;border-radius: 10rpx;}
[class*=shop_img] {
	position: relative;
	background:#fdfdfd url() no-repeat 50% 50%;
}